<!DOCTYPE HTML>

<html>

	<head>

	<meta charset="utf-8">

	<title>本地搜索</title>

	</head>

	<body>

		<style>

			body{
				text-align:center;
			}
			div{
				text-align:center;
				margin:0 auto;
			}
			a{
				color:green;
				font-size:18px;
				text-decoration:none;
			}
			.kj_div{
				width:200px;
				float:left;
				border:10px solid #ffffff;
				background:#fca;
			}
			.dh_div{
				float:left;
				width:600px;
				border:10px solid #ffffff;
				background:#fca;
			}
			.main_div{
				width:900px;
				border:5px solid #ffffff;
			}
			hr{
				color:red;
				height:5px;
				background:#000;
			}
			
		
                </style>

		<div id="main" >
			<div>

				<span style="font-size:35px;color:#39f">欢迎使用</span>
				<span style="font-size:15px;color:#39f">(welcome to use)</span>
			</div>
			<div id='search_bar'>
				<form action="http://www.baidu.com/baidu" target="_blank">
					<input id="label" name="word" style="width:700px; height:50px; font-size:35px">
					<input type="submit" value="百度搜索" style="font-size:35px">
					<script type="text/javascript"> 
						document.getElementById ('label').focus()
					</script>
				</form>
			</div>
		</div>
		
		<hr>
		
		<div class="main_div">
			<div class="kj_div" >
				<p>真的猛士，敢于直面惨淡的人生，敢于正视淋漓的鲜血。 —— 鲁迅</p>
				<p>文人作文，农人掘锄，本是平平常常的，若照相之际，文人偏要装做粗人，玩什么“荷锄带笠图”；农夫则在柳下捧一本书，装作“深柳读书图”之类，就要令人肉麻。 —— 鲁迅</p>
				<p>我又愿中国青年只是向上走，不必理会这冷笑和暗箭。 —— 鲁迅</p>
			</div>
			<div class="dh_div">
				<div id="mh" style="text-align:left">
					<span>门户:</span>
					<span>&nbsp;</span>
					<a href="http://www.sohu.com/">搜狐网</a>
					<span>&nbsp;</span>
					<a href="http://www.ifeng.com/">凤凰网</a>			
					<span>&nbsp;</span>
					<a href="http://www.sina.com.cn/">新浪网</a>			
					<span>&nbsp;</span>
				</div>
				<div id="sp" style="text-align:left">
					<span>视频:</span>
					<span>&nbsp;</span>
					<a href="http://www.bilibili.com">bilibili</a>
					<span>&nbsp;</span><!--页面空格标准，四个空格符号-->
					<a href="http://www.youku.com/">优酷视频</a>
					<span>&nbsp;</span>
					<a href="http://www.iqiyi.com/">爱奇异</a>
				</div>
				<div id="xx" style="text-align:left">
					<span>学习:</span>
					<span>&nbsp;</span>
					<a href="http://www.runoob.com/">菜鸟教程</a>
					<span>&nbsp;</span>
					<a href="http://www.imooc.com/">慕课网</a>
					<span>&nbsp;</span>
					<a href="http://www.icoolxue.com/">爱酷学习网</a>
					<span>&nbsp;</span>
				</div>
				<div id='xs' style="text-align:left">
					<span>小说:</span>
					<span>&nbsp;</span>
					<a href="http://www.qidian.com/">起点中文网</a>
					<span>&nbsp;</span>
					<a href="http://www.zongheng.com/">纵横中文网</a>
					<span>&nbsp;</span>
				</div>
				<div id="sj" style="text-align:left">
					<span>社交:</span>
					<span>&nbsp;</span>
					<a href="https://tieba.baidu.com/">百度贴吧</a>
					<span>&nbsp;</span>
					<a href="http://www.tianya.cn/">天涯社区</a>			
					<span>&nbsp;</span>
					<a href="https://bbs.deepin.org/">深度系统论坛</a>			
					<span>&nbsp;</span>
				</div>
				<div id="gw" style="text-align:left">
					<span>购物:</span>
					<span>&nbsp;</span>
					<a href="https://www.taobao.com/">淘宝网</a>
					<span>&nbsp;</span>
					<a href="https://www.jd.com/">京东商城</a>			
					<span>&nbsp;</span>
					<a href="http://www.suning.com/">苏宁易购</a>			
					<span>&nbsp;</span>
				</div>
				<div id="mail" style="text-align:left">
					<span>邮箱:</span>
					<span>&nbsp;</span>
					<a href="http://mail.126.com/">126邮箱</a>
					<span>&nbsp;</span>
					<a href="https://mail.qq.com/">QQ邮箱</a>			
					<span>&nbsp;</span>
				</div>
				<div id="zb" style="text-align:left">
					<span>直播:</span>
					<span>&nbsp;</span>
					<a href="https://www.douyu.com/">斗鱼TV</a>
					<span>&nbsp;</span>
					<a href="http://live.bilibili.com/">bilibili直播</a>			
					<span>&nbsp;
</span>
				</div>

				<div id="wp" style="text-align:left">

					<span>网盘:</span>

					<span>&nbsp;</span>

					<a href="http://pan.baidu.com/">百度网盘</a>

					<span>&nbsp;</span>

				</div>


				<div id="ky" style="text-align:left">

					<span>开源相关:</span>

					<span>&nbsp;</span>

					<a href="https://git.oschina.net/">码云</a>

					<span>&nbsp;</span>
					<a href="https://www.oschina.net/">开源中国</a>
					<span>&nbsp;</span>

				</div>

			</div>

		</div>


		
		

		
		<div style="position:fixed;left:0;bottom:0">

		<input id="time" style="border-style:none;font-size:15px;color:red;"/>

		<script type="text/javascript">

		{
			setInterval("clock()",1000)
			function clock()
			{
				var date=new Date();
				document.getElementById("time").value='当前时间:'+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();
			}
		} 
		
		</script>

		</div>

	</body>

</html>

